<!--
 * @Description:
 * @Author bianpengfei
 * @create 2022/1/4 22:48
 -->
<!--setup-->
<script setup>
import { reactive } from 'vue'
import GTitle from '../../components/base/tilte'
const state = reactive({
  arr: [
    { name: '测试1', value: 98, value2: 2 },
    { name: '测试2', value: 98, value2: 2 },
    { name: '测试3', value: 98, value2: 2 },
    { name: '测试4', value: 98, value2: 2 },
    { name: '测试5', value: 98, value2: 2 },
    { name: '测试6', value: 98, value2: 2 }
  ]
})
</script>

<!--render-->
<template>
  <g-scroll-view-simple>
    <div @click="$router.push('/123')">首页</div>

    <div style="padding: 0 0.2rem">
      <g-chart :data="state.arr" type="column" :extraConfig="{ column: {} }"></g-chart>
    </div>

    <g-title>测试</g-title>

    <g-demo-block>
      <template #demo>
        <g-title>测试</g-title>
      </template>
      <template #source>
        <g-title>测试</g-title>
      </template>
    </g-demo-block>
  </g-scroll-view-simple>
</template>

<!--style-->
<style scoped lang="less"></style>
